.pswp .data-pswp-tool-bar {
    position: absolute;
    top: initial;
    margin: 0 auto;
    bottom: 20px;
    vertical-align: middle;
    height: 54px;
    width: 100%;
    text-align: center;
   
}

.pswp .data-pswp-tool-bar .separation {
    width: 1px;
    margin: 0px 10px;
    display: inline-block;
    height: 20px;
    border: 0.5px solid #383838;
   
}

.pswp .data-pswp-tool-bar .btn {
    color: #f8f9fa;
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 6px;
    margin: 0 6px;
    border: 1px solid #383838;
    border-radius: 2px;
   
}

.pswp .data-pswp-tool-bar .btn::before {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    content: ' ';
    display: inline-block;
    background-repeat: no-repeat;
    opacity: 0.65;
    background-position: -1px -1px;
   
}

.pswp .data-pswp-tool-bar .data-pswp-arrow-left {
    padding: 8px;
   
}

.pswp .data-pswp-tool-bar .data-pswp-arrow-right {
    padding: 8px;
   
}

.pswp .data-pswp-tool-bar .data-pswp-arrow-left::before {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-image: url('');
   
}

.pswp .data-pswp-tool-bar .data-pswp-arrow-right::before {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-image: url('');
   
}

.pswp .data-pswp-tool-bar .data-pswp-zoom-in::before {
    background-image: url('');
   
}

.pswp .data-pswp-tool-bar .data-pswp-zoom-out::before {
    background-image: url('');
   
}

.pswp .data-pswp-tool-bar .data-pswp-origin-size::before {
    background-image: url('');
   
}

.pswp .data-pswp-tool-bar .data-pswp-best-size::before {
    background-image: url('');
   
}

.pswp .data-pswp-tool-bar .btn:not(.disable):hover {
    cursor: pointer;
   
}

.pswp .data-pswp-tool-bar .btn:not(.disable):hover::before {
    opacity: 1;
   
}

.pswp .data-pswp-tool-bar .btn.disable {
    background: none;
   
}

.pswp .data-pswp-tool-bar .btn.activated {
    background: #454545;
   
}

.pswp .data-pswp-tool-bar .btn.activated::before {
    opacity: 1;
   
}

.pswp .data-pswp-tool-bar .btn.disable::before {
    opacity: 0.25;
   
}

.pswp .data-pswp-tool-bar .disable:hover {
    cursor: not-allowed;
   
}

.pswp .data-pswp-tool-bar .pswp-toolbar-content {
    display: inline-block;
    width: auto;
    background: #252525;
    border-radius: 4px;
    padding: 12px;
   
}

.pswp .data-pswp-tool-bar .pswp-toolbar-content .data-pswp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    line-height: 34px;
    color: #DEDEDE;
    margin: 0 2px;
   
}

.pswp.data-pswp-mobile .data-pswp-tool-bar {
    display: none;
   
}

.pswp__ui {
   -webkit-font-smoothing: auto;
   visibility: visible;
   opacity: 1;
   z-index: 1550;
}

.pswp__button {
   width: 44px;
   height: 44px;
   position: relative;
   background: none;
   cursor: pointer;
   overflow: visible;
   display: block;
   border: 0;
   padding: 0;
   margin: 0;
   float: right;
   opacity: 0.75;
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
   box-shadow: none;
}

.pswp-fade-out {
   opacity: 0;
   animation: fadeOut 0.333s;
}

.pswp .data-pswp-button-close {
   margin: 32px;
   margin-right: 0px;
   width: 40px;
   height: 40px;
   z-index: 999999;
   position: relative;
   background: url('');
}

